
<!--COLUMN 1-->
<div class="ThreeColGrid_c1">
<?php
        if($a_Locum['Locum']['Avatar'])
        {
            echo '<img src="'. Router::url('/').'app/webroot/img/avatar/'.$a_Locum['Locum']['Avatar'].'" width="100" height="100" alt="Locum">';
        }else
        {
            echo '<img src="'.Router::url('/').'app/webroot/img/avatar.jpg" width="100" height="100" alt="Locum">';
        }
    ?>  
</div>
<!--COLUMN 1-->

<!--COLUMN 2-->
<div class="ThreeColGrid_c2" id="lopro">
<h1>Invite <b><?php echo $a_Locum['Locum']['Username']?></b></h1>

<h4>Select a vacancy</h4>
<select name="data[Invite][VacancyId]" id="VacancyId">
<?php foreach( $a_Vacancy as $Vacancy ) :?>
	<option value="<?php echo $Vacancy['Vacancy']['id']?>"><?php echo $Vacancy['Vacancy']['Title']?></option>
<?php endforeach;?>
</select>
<br><br>
<a id="invite_locum" href="javascript:void(0);" class="btnBlue" style="width: 100px;">Invite</a>

</div>
<!--COLUMN 2-->

<!--COLUMN 3-->
<div class="ThreeColGrid_c3">
<h1>Locum Search</h1>
<?php echo $this->element('search');?>
<br>


</div>
<!--COLUMN 3-->
<script>
	function Invite()
	{
		
	}

	$(document).ready(function(){
		$('#invite_locum').click(function () {
			var i_Vacancy = $('#VacancyId').val();
			if( i_Vacancy == "" || i_Vacancy == undefined )
			{
				alert('Please select a Vacancy!');
				return false;
			}
			else
			{
				var sz_Link = "<?php echo Router::url('/') . 'stores/invite_success/' . $Locum_id;?>" + '/' + i_Vacancy;
				window.location = sz_Link;
			}
			
		});
	});
</script>
